.friendbody { width: 100%; height: 285px; display: flex; align-items: center; justify-content: center; }

.friendbody .friend { width: 1200px; height: 100%; border-top: 1px solid rgba(0, 0, 0, 0.1); display: flex; flex-direction: column; align-items: center; justify-content: center; }

.friendbody .friend .title { width: 1200px; height: 20px; opacity: 1; font-family: Alibaba PuHuiTi 2.0; font-size: 14px; font-weight: normal; line-height: normal; letter-spacing: 0em; font-variation-settings: "opsz" auto; font-feature-settings: "kern" on; color: #333333; margin-bottom: 24px; }

.friendbody .friend .lines { display: flex; width: 100%; height: 180px; }

.friendbody .friend .lines .line { display: flex; flex-direction: column;}

.friendbody .friend .lines .line a {  overflow: hidden;white-space: nowrap;text-overflow: ellipsis;flex: 1; opacity: 1; font-family: Alibaba PuHuiTi 2.0; font-size: 14px; font-weight: normal; line-height: 32px; letter-spacing: 0em; font-variation-settings: "opsz" auto; font-feature-settings: "kern" on; color: #999999; cursor: pointer; }

.friendbody .friend .lines .line a:hover { color: #D3192B !important; }

@media (max-width: 750px) { .friendbody { height: auto; }
  .friendbody .friend { width: 100%; height: 100%; padding: .4rem .24rem; }
  .friendbody .friend .title { width: 100%; margin-bottom: .24rem; font-size: .28rem; }
  .friendbody .friend .lines { display: flex; width: 100%; height: auto; flex-wrap: wrap; }
  .friendbody .friend .lines .line a { font-size: .28rem;}
  .friendbody .friend .lines .line { display: flex; flex-direction: column; margin-right: 0 !important; width: 50%; } }